<template>
	<z-paging ref="paging" :refresherEnabled="false" :loadingMoreEnabled="false"
		:auto="false" :hideEmptyView="true">
		<view slot="top">
			<z-nav-bar backState="1000">订单状态</z-nav-bar>
		</view>
		
		<view class="u-text-center" style="margin-top: 150rpx;">
			<image src="../../static/images/order/finish.png" style="width: 180rpx; height: 180rpx;"></image>
			<view class="u-m-t-30">
				<text class="u-font-42 text-bold">兑换成功</text>
			</view>
			<view class="u-m-t-30">
				<text class="u-font-34">可返回兑换记录查看兑换商品</text>
			</view>
		</view>
		
		<view class="u-m-30 b-r-30" style="box-shadow: 0rpx 2rpx 20rpx #E8E9EA;">
			<view class="u-p-30 u-flex">
				<view class="u-flex-1">接收方</view>
				<view class="u-flex-1 u-flex u-flex-end">伊利高个子商城</view>
			</view>
			<view class="u-p-30 u-flex">
				<view class="u-flex-1">订单编号</view>
				<view class="u-flex-1 u-flex u-flex-end">{{orderId}}</view>
			</view>
			<view class="u-p-30 u-flex">
				<view class="u-flex-1">支付方式</view>
				<view class="u-flex-1 u-flex u-flex-end">积分</view>
			</view>
		</view>
		
		<view>
			<u-button text="返回" shape="circle" :customStyle="{'backgroundColor':'#FFB143', 'color': '#FFFFFF', 'width': '250rpx'}" @click="handleSubmit('home')"></u-button>
		</view>
	</z-paging>
</template>

<script>
	import {jumpTypeEnum} from '@/common/const.js'
	
	export default{
		data(){
			return{
				orderId:''
			}
		},
		onLoad(e) {
			this.orderId = e.orderId
		},
		methods:{
			
			/**
			 * 返回
			 */
			handleSubmit(e){
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
	
</style>